<template>
    <div>
        <van-nav-bar title="确认订单" left-text="返回" left-arrow @click-left="($router.go('-1'))" />
        <van-skeleton title :row="50" v-if="gjp"/>
        <van-contact-card type="edit" :tel="tel" :name="name" @click="onEdit" />
        <van-cell title="京东自营" icon="location-o" />
        <van-card num="0.154" price="￥19.80" desc="3D医用外科 白色 细带30只" title="初医生(DR.Chu)医用外科口罩成..."
            thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg">
            <template #tags>
                <van-tag plain type="primary">支持7天无理由退货</van-tag>
                <van-tag plain type="primary">7天保价</van-tag>
            </template>


        </van-card>
        <van-cell title="配送" value="京东快递" label="8月1日[周四]09:00-15:00" />
        <van-cell-group>
            <van-cell title="商品金额" value="￥59.40" />
            <van-cell title="运费(总重:0.462kg)" value="￥6.00" />
            <van-cell title="立减" value="-￥17.82" />
            <van-cell title="优惠券" value="无可用" />

        </van-cell-group>



    </div>
</template>

<script setup>
import { ref } from 'vue';
import { showToast } from 'vant';
const tel = ref('183****8064');
const name = ref('刘德华');
const onEdit = () => showToast('edit');
let gjp=ref(true)
setInterval(()=>{
    gjp.value=false
},1000)

</script>

<style lang="scss" scoped></style>